.main{
  .shopping-page{
    .shopping-cont{
      width: 1160px;

      padding: 20px;

    }
    width:1160px;
    margin-left: 10px;
    padding:20px;
    .shopping-icon{
      margin:0 auto;
      width:1000px;
      padding-bottom:32px;
      padding-top:30px;
      .shopping-car-icon{
        width:30px;
        height:30px;
        float:left;
      }
      p{
        font-size:24px;
        padding:4px 0;
        float:left;
        margin-left:14px;
      }

    }
    .shopping-title{
      width:100%;
      margin-bottom:14px;
      .shopping-title-left{
        float:left;
        color:#7ca5db;
        font-size:18px;
      }
      .shopping-title-right{
        float:right;
        color:#ff0000;
      }
    }
    .select-course-cont{

      margin-bottom:30px;
      padding:7px 0;
      background:#e9eaeb;



      .select-course{
        float:left;
        margin-left:14px;
        input{
          margin-right:12px;
        }
        span{
          display:inline-block;
          margin-right:70px;
        }
      }
      .select-operation{
        float:right;

        span{
          float:right;
          margin-right:70px;

        }
      }
    }
    .my-pay-sb{
      background:#fff9f3;
      margin-top: 12px;
      border-top:2px solid #000;
      input{
        float:left;
        margin-left:14px;
        margin-top:10px;
      }

      .my-pay-title{
        width:220px;
        height:124px;
        float:left;
        padding:12px 50px 12px 6px;
        .my-pay-img{
          width:100%;
          height:100%;
        }
      }
      .my-pay-p{
        float:left;
        padding-top:22px;
        width:470px;
        p{
          line-height:24px;
          font-size: 13px;
          strong{
            color: #7ca5db;
            font-size: 16px;
          }
          span{

          }
          span{
            color: #808080;
          }
        }
      }
      .my-pay-money{
        float:right;
        margin-top: 22px;
        margin-right:70px;
        font-size: 13px;
        font-weight: normal;
        .buy-money{
          color:#ff0000;
          float:left;
          margin-right:78px;
        }
        .money-del{
          float:left;
          font-size: 13px;
          font-weight: normal;
          transition:all 0.2s;
          &:hover{
            color:red;
            cursor: pointer;
          }
        }
      }
    }
    .settle-operation{
      width:100%;
      border:1px solid #afb3b4;
      margin-top:12px;
      .settle-select{
        float:left;
        input{
          float:left;
          margin-top:9px;
          margin-right:6px;
          margin-left:14px;
        }
        span{
          display:inline-block;
          margin-right:24px;
          padding:8px 0;

        }
      }
      .settle-cont{
        float:right;
        span{
          float:left;
          margin-right:50px;
          padding:7px 0;
          b{
            color:#ff0000;
            font-size:18px;
          }
        }
        a{
          float:left;
          padding:8px 0;
          background:#ca0813;
          color:#fff;
          width:100px;
          text-align:center;
        }
      }
    }
    .guess-like{
      width:100%;
      padding: 20px;
      margin-top:20px;
      &>h3{
        color:#7ca5db;
        font-size: 18px;

        margin-bottom:14px;

      }
      ul{
        li{
          float:left;
          border-top:1px dashed #000;
          border-left:1px dashed #000;
          border-bottom:1px dashed #000;

          padding:16px 20px;
          &:last-child{
            border-right:1px dashed #000 ;
          }
          .guess-like-list{
            width: 190px;
            height: 168px;
            overflow: hidden;


            margin-bottom:14px;
            .courseware-li-img{

              height:124px;
              overflow: hidden;
            }
            p{
              padding:5px 14px;
              span{
                display:block;
              }
              .span-left{
                float:left;
              }
              .span-right{
                float:right;
                color:#aaa;
              }
            }
          }

          .join-car{
            width:100%;
            a{
              margin:0 auto;
              display:block;
              border: 1px solid #b8b8b8;
              border-radius:2px;
              padding:7px 0;
              width:152px;
              transition: background 0.3s,color 0.1s;

              text-align: center;
              &:hover{
                background: #ca0813;
                color:#fff;
              }

            }
          }




        }
      }
    }
  }
}